<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/color.css">
    <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/demo/demo.css">
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
</head>

<body>
    <!-- <div id="app" > -->
    	<div id="cc"></div>
    <!-- </div> -->
</body>
<script>
let layoutJQ = $("#cc")
layoutJQ.layout({
    fit: true,
})
layoutJQ.layout('add', {
    region: 'west',
    width: 180,
    // title: 'West Title',
    split: true,
})
layoutJQ.layout('add', {
    region: 'north',
    height: 60,
    // title: 'West Title',
    split: true,
})
</script>

</html>